/* 圣诞 */
.christmas-box img {
    width: 25px;
    position: fixed;
}

/* 圣诞帽 */
.christmas-hat {
    width: 60px !important;
    position: fixed;
    left: 50%;
    transform: translateX(-40%);
    animation: hat 2s linear infinite;
    z-index: 1;
}

@keyframes hat {
    0% {
        top: calc(15% - 28px);
    }
    50% {
        top: calc(25% - 28px);
    }
    100% {
        top: calc(15% - 28px);
    }
}

/* 雪人 */
.christmas-snowman {
    width: 48px !important;
    top: calc(80% - 48px);
    left: 50%;
    transform: translateX(-180%);
}
.christmas-tree {
    left: 20%;
    top: 65%;
}
.christmas-sweet {
    left: 35%;
    top: 60%;
    animation: sweet 2s linear infinite;
}
.christmas-love {
    left: 48%;
    top: 65%;
}
.christmas-gift {
    left: 72%;
    top: 65%;
}
.christmas-toy {
    left: 40%;
    top: 65%;
}
.christmas-toy2 {
    left: 28%;
    top: 65%;
}
.christmas-bell {
    left: 80%;
    top: 60%;
    animation: bell .8s linear infinite;
}
.christmas-ball {
    left: 63%;
    top: 65%;
}
.christmas-zhang {
    left: 56%;
    top: 60%;
}
.christmas-red {
    left: 12%;
    top: 60%;
}

@keyframes sweet {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes bell {
    0% {
        -webkit-transform: rotate(10deg);
    }
    25% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
    }
}